.handsontable .htCommentCell {
  position: relative;
}

.handsontable .htCommentCell:after {
  content: '';
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  inset-inline-start: unset;
  border-inline-start: 6px solid transparent;
  border-inline-end: none;
  border-top: 6px solid black;
}

.htCommentsContainer .htComments {
  display: none;
  z-index: 1059;
  position: absolute;
}

.htCommentsContainer .htCommentTextArea {
  box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-inline-start: 3px solid #ccc;
  border-inline-end: none;
  background-color: #fff;
  width: 215px;
  height: 90px;
  font-size: 12px;
  padding: 5px;
  outline: 0px !important;
  -webkit-appearance: none;
}

.htCommentsContainer .htCommentTextArea:focus {
  box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7;
  border-inline-start: 3px solid #5292f7;
  border-inline-end: none;
}
